import { userReducer } from "providers/store";

import * as Styled from "./index.styled";

export const UserInfo = () => {
	const { name, surname, role, email } = userReducer.getState();

	return (
		<Styled.UserInfoWrapper>
			{/* // todo - logo and project name
			// todo - log out features // todo -
			profile icon and go profile settings */}
			<p>{name}</p>
			<p>{surname}</p>
			<p>{email}</p>
			<p>{role}</p>
		</Styled.UserInfoWrapper>
	);
};
